<template>
    <div class="iframe" v-if="state">
        <i class="el-icon-close gb" @click="close"></i>
        <iframe width="1000" height="600" frameborder="0" scrolling="auto" :src="url"></iframe>
    </div>
</template>

<script>
/**
* @author        chenRong
* @time          2023-11-22 17:53:42  星期三
* @description   
**/


export default {
    name: 'ifraMe',
    data() {
        return {

        }
    },
    props: {
        url: '',
        state: {
            type: Boolean,
            default:true
        }

    },
    methods: {
        close() { 
            this.state=false
        }
    }
}
</script>

<style lang="scss" scoped>
.iframe {
    position: absolute;
    top: 10%;
    left: 20%;
    background-color: white;
    z-index: 999;
    padding: 10px;
    box-shadow: 0 1px 32px 0 #e8e8e8;
    border-radius: 12px;
    padding-right: 20px;
    .gb{
        display: flex;
        justify-content: end;
        cursor: pointer;
        margin-bottom: 20px;
    }
}
</style>